/**颜色**/
.text-muted{color:#ff6600;}
.text-primary{color:#333;}
.text-info{color:#00a0e9;}
.text-success{color:#656565;}
.text-warning{color:#000;}
.text-danger{color:#fc2929;}
.text-clarity{color:rgba(242,242,243,.5);}

/**文本类**/
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.spill{overflow:hidden;}
.spill-in{overflow:inherit;}
.show-in{display:inline-block;}
.hide{display:none;}
.show{display:block;}
.pos-r{position: relative;}
/**横线、箭头、圆点修饰符公用样式**/
.arrow-l{}
/*箭头*/
.arrow-l:before{
    content: '';
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    border-top:1px solid #00a0e9;
    border-right: 1px solid #00a0e9;
}
.arrow-l:before{
    left: 2.3rem;
    top:2rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.arrow-l:after{
    right:41%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.highlight .arrow-l:before{
    border-top:1px solid #ffdb43;
    border-right: 1px solid #ffdb43;
}

.arrow-r:before{
    content: '';
    position: absolute;
    width: .8rem;
    height: .8rem;
    border-bottom:1px solid #999;
    border-left: 1px solid #999;
}
.arrow-r:before{
    top:2rem;
    right:2rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.arrow-r:after{
    right:41%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.dot{
    display:inline-block;
    width:.4rem;
    height:.4rem;
    background-color:#666;
    border-radius:50%;
}

/*margin公用样式*/
.mar-b0{margin-bottom:0;}
.mar-b1{margin-bottom:1rem;}
.mar-b2{margin-bottom:2rem;}
.mar-b3{margin-bottom:3rem;}
.mar-b4{margin-bottom:4rem;}
.mar-b5{margin-bottom:5rem;}
.mar-t-3{margin-top:-3rem;}
.mar-t0{margin-top:0;}
.mar-t1{margin-top:1rem;}
.mar-t2{margin-top:2rem;}
.mar-t3{margin-top:3rem;}
.mar-t3half{margin-top:3.5rem;}
.mar-t4{margin-top:4rem;}
.mar-t5{margin-top:5rem;}
.mar-t6{margin-top:6rem;}
.mar-t8{margin-top:8rem;}
.mar-t10{margin-top:10rem;}
.mar-t20{margin-top:20rem;}
.mar-l1{margin-left:1rem;}
.mar-l2{margin-left:2rem;}
.mar-l6{margin-left:6rem;}
.mar-r1{margin-right:1rem;}
.mar-r2{margin-right:2rem;}
.mar-lr1{
    margin-left:1rem;
    margin-right:1rem;
}
.mar-tb1{
    margin-top:1rem;
    margin-bottom:1rem;
}
.mar-tb2{
    margin-top:2rem;
    margin-bottom:2rem;
}
.mar-tb3{
    margin-top:3rem;
    margin-bottom:3rem;
}
.mar-tb6{
    margin-top:6rem;
    margin-bottom:6rem;
}


/*padding公用样式*/
.pad-t1{padding-top:1rem;}
.pad-tx-1-5{padding:0 1.5rem;}
.pad-ty-1-5{padding:1.5rem 0;}
.pad-t2{padding-top:2rem;}
.pad-t3{padding-top:3rem;}
.pad-t4{padding-top:4rem;}
.pad-t5{padding-top:5rem;}
.pad-r1{padding-right:1rem;}
.pad-l1{padding-left:1rem;}
.pad-l4{padding-left:4rem;}
.pad-b0{padding-bottom:0;}
.pad-b1{padding-bottom:1rem;}
.pad-b2{padding-bottom:2rem;}
.pad-b3{padding-bottom:3rem;}
.pad-lr1{
    padding-left:1rem;
    padding-right:1rem;
}
.pad-tb2{
    padding-top:2rem;
    padding-bottom:2rem;
}
.pad-2{padding:2rem;}

/**清理浮动 **/
.clearfix:after{
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix {zoom:1; /* for IE6 IE7 */}

/* 页面宽度 */
.wrap{width:100%;}
.w-900{width:45rem;}
.w-100{width:100%;}
.w-pad{
    padding-left:2rem;
    padding-right:2rem;
}

.content-all{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin:0 0 -12rem;
}
.msg{
    font-size:1.2rem;
    color:#999;
}

/* 页面背景色 */
.bg-wrap{
    position:absolute;
    width:100%;
    height:calc(100% - 5.5rem);
}
.bg-white{
    background-color:#fff;
}
.bg-muted{
    background-color:#f4f4f4;
}


.flex-box{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-box-between{
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-box-wrap-left {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.flex-1 {
    flex:1;
}

.bold{
    font-weight: bold;
}
.hide {
    display: none !important;
}

.clampm, .clamp-1, .clamp-2, .clamp-3{
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
}
.clamp-1{
    -webkit-line-clamp: 1;
}

.clamp-2{
    -webkit-line-clamp: 2;
}

.clamp-3{
    -webkit-line-clamp: 3;
}
.break-word{
    word-break: break-word;
}
.mask_pop {
    position: fixed;
    left:0;
    bottom:0;
    z-index: 999;
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}